<script lang="ts" setup>
import ColorManager from "../../manager/colorManager";


const colorArr = ColorManager.get(0);

</script>

<template>
    <div class="home-root"
        :style="`border: 1px solid ${colorArr.border};box-shadow:${colorArr.boxShadow} 0px 0px 5px;`">
        <RouterView name="home"></RouterView>
    </div>
</template>

<style scoped>
.home-root {
    max-width: 1300px;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding: 7px; */
    overflow: hidden;
}
</style>